<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="tfn" uri="http://www.totoro.com/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/nav.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/buy/publish_evaluation.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/iconFont/iconfont.css"/>
</head>
<body>
<script src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/self/buy/publishEvaluation.js"></script>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<div style="width: 100%; left: 0px; top: 0px; height: 100%; position: fixed; display: none; user-select: none; z-index: 999998;" class="ks-dialog-mask ks-overlay-mask"></div>

<!-- nav -->
<jsp:include page="/public_page/nav.jsp"></jsp:include>
<div id="page">
    <div id="content">
        <!-- T Step -->
        <ol class="tb-rate-nav-steps">
            <li class="done"><span class="first">1. 确认订单信息</span></li>
            <li class="done"><span>2. 付款到支付宝</span></li>
            <li class="done current-prev"><span>3. 确认收货</span></li>
            <li class="last-current"><strong>4. 评价</strong></li>
        </ol>
        <!-- Shop Info-->
        <div class="shopdetail tb-rate-mb-m">
            <div class="hd"><h3>店铺信息</h3></div>
            <div class="bd">
                <a class="shop-logo"><img width="70" height="70" src="//img.alicdn.com/tps/i4/T1tGSUXjpnXXXXXXXX-70-70.png"></a>
                <dl>
                    <dt>
                        <h3 style="font-weight: bold">
                        <a href="//store.taobao.com/shop/view_shop-374544688.htm" target="_blank" style="color: #36c;">${marketOrder.shop.shopName}</a></h3></dt>
                    <dd>
                        被评卖家：
                        <a class="remark-to" href="//member1.taobao.com/member/user_profile.jhtml?user_id=374544688" target="_blank" style="color:#36c;">${marketOrder.shop.shopName}</a>
                    </dd>
                    <dd>
                        宝贝与描述相符：
                        <span class="c-value-no c-value-4d9"><em id="readStar"></em></span>
                        4.9分
                        <style>
                            .layui-rate li i.layui-icon {
                                font-size: 12px;
                                margin:0;
                            }
                            .layui-rate {
                                padding: 0;
                            }
                        </style>
                        <script>
                            layui.use(['rate'], function() {
                                var rate = layui.rate;
                                //只读
                                rate.render({
                                    elem: '#readStar'
                                    ,value: 4.9
                                    ,half: true
                                    ,readonly: true
                                });
                            });
                        </script>
                    </dd>
                </dl>
            </div>
        </div>
        <form class="tb-rate-pt-l" id="rateListForm" name="addfeedback" target="_top" novalidate=""
              action="/order_logic/confirmRate.htm" method="post" enctype="multipart/form-data">
            <input name="msId" value="${marketSrOrder.id}" type="hidden"/>
            <input name="slid" value="${marketOrder.shop.seller.id}" type="hidden"/>
            <input name="bizOrderId" value="${marketOrder.marketOdd}" type="hidden"/>
            <input name="commentBabyStar" value="" type="hidden" id="babyStarScore"/>
            <input name="commentSellerStar" value="" type="hidden" id="sellerStarScore"/>
            <input name="commentLogisticsStar" value="" type="hidden" id="logisticsStarScore"/>

            <div class="tb-rate-con-tabbed-box">
                <div class="tabbed-box-hd">
                    <h3 class="title">评价宝贝</h3>
                    <ul class="help-nav">
                        <li>
                            卖家：
                            <a href="//store.taobao.com/shop/view_shop.htm?user_number_id=128670356"
                               target="_blank">${marketOrder.shop.seller.sellerName}</a>
                            <span class="ww-light ww-large" data-nick="${marketOrder.shop.seller.sellerName}"><a
                                    target="_blank" class="ww-inline ww-online" data-to-uid="${marketOrder.shop.id}"
                                    title="点此可以直接和卖家交流选好的宝贝，或相互交流网购体验，还支持语音视频噢。"><span>旺旺在线</span></a></span>
                        </li>
                        <li class="tb-rate-hover-drop">
                            <a href="javascript:;">评价须知 <i class="tb-rate-icf iconfont icon-daosanjiao"></i></a>
                            <div class="dropping">
                                <div class="tb-rate-eula">
                                    <h3>评价须知（2009-2-15开始实行）：</h3>
                                    <p>请您根据本次交易，给予真实、客观、仔细地评价。您的评价将是其他会员的参考，也将影响卖家的信用。</p>
                                    <p><strong>累积信用计分规则：</strong>中评不计分，但会影响卖家的好评率，请慎重给予。每个自然月中，相同买家和卖家之间的信用评价计分不超过6分。评价后30天内，您有一次机会删除给对方的中评或差评，或者修改成好评。
                                    </p>
                                    <p><strong>动态店铺评分计分规则：</strong>店铺评分是匿名的。每个自然月中，相同买家和卖家之间的店铺评分计分次数不超过3次。店铺评分成功后无法修改。
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="tabbed-box-bd">
                    <div class="itemlist">
                        <ul class="rate-list">
                            <li data-id="1925489847698394973" class="rate-box"
                                data-prompt="亲，服务态度是否好，商品是否符合描述，售后服务是否到位？">
                                <div>
                                </div>
                                <div class="item-rate-info" data-spm="1000328">
                                    <div class="item-detail">
                                        <a href="//trade.taobao.com/trade/detail/trade_snap.htm?trade_id=1925489847698394973"
                                           target="_blank" class="item-d-img">
                                            <img src="${marketSrOrder.product.productImages.get(0).imagePath}" style="width: 90px;margin-top: 20px;">
                                        </a>
                                        <div class="item-title">
                                            <a href="//trade.taobao.com/trade/detail/trade_snap.htm?trade_id=1925489847698394973" target="_blank" title="${marketSrOrder.product.productName}">${marketSrOrder.product.productName}</a>
                                        </div>
                                        <%-- sku格式化 --%>
                                        <c:set var="skuData" value="${marketSrOrder.product.productSpecs.productSpaceData}"></c:set>
                                        <c:set var="skuDatas" value='${fn:split(fn:replace(fn:replace(skuData, "{" , ""), "}", ""), ",")}'></c:set>
                                            <c:forEach begin="0" end="${fn:length(skuDatas)-1}" varStatus="hdVs">
                                                <div class="sku">${fn:split(fn:replace(skuDatas[hdVs.index], "\"", ""), "|")[0]}</div>
                                            </c:forEach>
                                    </div>
                                </div>
                                <div class="item-rate-main">
                                    <div class="item-rate-act">
                                        <div class="rate-control">
                                            <ul>
                                                <li class="good">
                                                    <label for="rate-good-1925489847698394973">
                                                        <input type="radio" class="good-rate"
                                                               id="rate-good-1925489847698394973" value="1"
                                                        name="commentScore">
                                                        <i class="tb-rate-ico ico-good" title="好评"></i>
                                                    </label>
                                                    <span class="rate-score rate-score-good">卖家<br>+1分</span>
                                                </li>
                                                <li class="normal">
                                                    <label for="rate-normal-1925489847698394973">
                                                        <input type="radio" class="noraml-rate"
                                                               id="rate-normal-1925489847698394973"
                                                               name="commentScore" value="0">
                                                        <i class="tb-rate-ico ico-neutral" title="中评"></i>
                                                    </label>
                                                    <span class="rate-score rate-score-normal">卖家<br>不加分</span>
                                                </li>
                                                <li class="bad">
                                                    <label for="rate-bad-1925489847698394973">
                                                        <input type="radio" class="bad-rate"
                                                               id="rate-bad-1925489847698394973"
                                                               name="commentScore" value="-1">
                                                        <i class="tb-rate-ico ico-bad" title="差评"></i>
                                                    </label>
                                                    <span class="rate-score rate-score-bad">卖家<br>-1分</span>
                                                </li>
                                            </ul>
                                            <p style="color: #999;"></p>
                                        </div>
                                    </div>
                                    <div class="rate-msg-box">
                                        <div class="bd">
                                            <div class="textinput">
                                                <span class="ph-label">亲，服务态度是否好，商品是否符合描述，售后服务是否到位？</span>
                                                <textarea name="commentText" maxlength="500"
                                                          aria-labelby="label-ti-1925489847698394973"
                                                          class="rate-msg"></textarea>
                                                <div class="text-counter"><strong
                                                        class="r-t-counter">500</strong>字</div>
                                            </div>
                                        </div>
                                        <div class="ft" style="height: 45px;">
                                            <div class="J_photo_uploader photo-uploader">
                                                <a class="J_btn upload-btn btn-firefox"
                                                   data-auth="{&quot;max&quot;:[5,&quot;最多允许上传五张图片！&quot;],&quot;maxSize&quot;:[5000, &quot;文件大小为{size}，文件太大！&quot;],&quot;allowExts&quot;:[{&quot;desc&quot;:&quot;JPG,JPEG,PNG,GIF,BMP&quot;, &quot;ext&quot;:&quot;*.jpg;*.jpeg;*.png;*.gif;*.bmp&quot;},&quot;文件格式错误！&quot;]}"><span
                                                        class="tb-rate-ico-bg ico-img">晒照片</span>
                                                    <div class="file-input-wrapper" style="overflow: hidden;">
                                                        <input type="button" name="picture" class="file-input" style="width: 62px;height: 18px;">
                                                    </div><input type="hidden"
                                                                                               id="pictures1925489847698394973"
                                                                                               name="pictures1925489847698394973" value="">
                                                </a>
                                                <ul class="J_queue upload-queue">
                                                </ul>
                                                <span class="upload-msg">限5张</span>
                                            </div>
                                            <div class="share-box"> <input type="hidden"
                                                                           name="forceAnnoy1925489847698394973" value="false">
                                                <label for="privacy-radio-public-1925489847698394973">
                                                    <input type="radio" name="isAnOnyMouse"
                                                           value="0" id="privacy-radio-public-1925489847698394973"
                                                           class="privacy-control"> 公开
                                                </label>
                                                <label for="privacy-radio-anony-1925489847698394973"
                                                       class="checked">
                                                    <input type="radio" name="isAnOnyMouse"
                                                           value="1" id="privacy-radio-anony-1925489847698394973"
                                                           class="privacy-control" checked=""> 匿名
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="share-selector invisible">
                                        <span class="sns-site-holder"></span>
                                        <a class="sns-setting"
                                           href="//t.taobao.com/cooperate/connect/connect_manager.htm">设置</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="dsr-box">
                            <h2 class="dsr-title">
                                <span>店铺动态评分</span>
                            </h2>
                            <ul class="stars">
                                <li>
                                    <label>宝贝与描述相符</label>
                                    <span data-type="description" class="rate-stars"
                                          style="position: absolute; left: -9999px;">
												<label><input type="radio" value="1" name="description"
                                                              title="很不满意，差得太离谱，与卖家描述的严重不符，非常不满">一星</label>
												<label><input type="radio" value="2" name="description"
                                                              title="不满意，部分有破损，与卖家描述的不符，不满意">二星</label>
												<label><input type="radio" value="3" name="description"
                                                              title="一般，质量一般，没有卖家描述的那么好">三星</label>
												<label><input type="radio" value="4" name="description"
                                                              title="满意，质量不错，与卖家描述的基本一致，还是挺满意的">四星</label>
												<label><input type="radio" value="5" name="description"
                                                              title="很满意，质量非常好，与卖家描述的完全一致，非常满意">五星</label>
											</span>
                                    <span class="ks-simplestar" id="babyStar" data-is-selected="false"><img
                                            src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png" data-text="差得太离谱，与卖家描述的严重不符，非常不满" data-star="1 分"/><img
                                            src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png" data-text="部分有破损，与卖家描述的不符，不满意" data-star="2 分"/><img
                                            src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png" data-text="质量一般，没有卖家描述的那么好" data-star="3 分"/><img
                                            src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png" data-text="质量不错，与卖家描述的基本一致，还是挺满意的" data-star="4 分"/><img
                                            src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png" data-text="质量非常好，与卖家描述的完全一致，非常满意" data-star="5 分"/>
											</span>
                                    <span class="ks-ss-tips">
													<strong></strong>
													<span></span>
												</span>
                                </li>
                                <li>
                                    <label>卖家的服务态度</label>
                                    <span data-type="attitude" class="rate-stars"
                                          style="position: absolute; left: -9999px;">
												<label><input type="radio" value="1" name="attitude"
                                                              title="很不满意，卖家态度很差，还骂人、说脏话，简直不把顾客当回事">一星</label>
												<label><input type="radio" value="2" name="attitude"
                                                              title="不满意，卖家有点不耐烦，承诺的服务也兑现不了">二星</label>
												<label><input type="radio" value="3" name="attitude"
                                                              title="一般，卖家回复问题很慢，态度一般，谈不上沟通顺畅">三星</label>
												<label><input type="radio" value="4" name="attitude"
                                                              title="满意，卖家服务挺好的，沟通挺顺畅的，总体满意">四星</label>
												<label><input type="radio" value="5" name="attitude"
                                                              title="很满意，卖家的服务太棒了，考虑非常周到，完全超出期望">五星</label>
											</span><span class="ks-simplestar" id="sellerStar"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="卖家态度很差，还骂人、说脏话，简直不把顾客当回事"data-star="1 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="卖家有点不耐烦，承诺的服务也兑现不了"data-star="2 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="卖家回复问题很慢，态度一般，谈不上沟通顺畅"data-star="3 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="卖家服务挺好的，沟通挺顺畅的，总体满意"data-star="4 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="很满意，卖家的服务太棒了，考虑非常周到，完全超出期望"data-star="5 分"></span><span
                                        class="ks-ss-tips"><strong></strong><span></span></span>
                                </li>
                                <li>
                                    <label>物流服务的质量</label>
                                    <span data-type="delivery" class="rate-stars"
                                          style="position: absolute; left: -9999px;">
												<label><input type="radio" value="1" name="delivery"
                                                              title="很不满意，到货速度严重延误，货物破损，派件员态度恶劣">一星</label>
												<label><input type="radio" value="2" name="delivery"
                                                              title="不满意，到货速度慢，外包装严重变形，派件员不耐烦，态度差">二星</label>
												<label><input type="radio" value="3" name="delivery"
                                                              title="一般，到货速度一般，外包装变形，派件员态度一般">三星</label>
												<label><input type="radio" value="4" name="delivery"
                                                              title="满意，到货速度及时，派件员态度较好">四星</label>
												<label><input type="radio" value="5" name="delivery"
                                                              title="很满意，到货速度非常快，商品完好无损，派件员态度很好">五星</label>
											</span><span class="ks-simplestar" id="logisticsStar"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="到货速度严重延误，货物破损，派件员态度恶劣"data-star="1 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="到货速度慢，外包装严重变形，派件员不耐烦，态度差"data-star="2 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="一般，到货速度一般，外包装变形，派件员态度一般"data-star="3 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="到货速度及时，派件员态度较好"data-star="4 分"><img
                                        src="//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png"data-text="到货速度非常快，商品完好无损，派件员态度很好"data-star="5 分"></span><span
                                        class="ks-ss-tips"><strong></strong><span></span></span>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
            <div class="submitbox">
                <button type="submit" class="J_submit_rate tb-rate-btn type-primary wide-xxl">发表评论</button>
            </div>
        </form>
        <div class="tb-rate-ico-bg ico-feedback tb-rate-mt-l" style="clear: both;"> 对“淘宝评价”有建议或意见，<a
                href="//survey.taobao.com/survey/4wD3wSKJy" target="_blank">参与评价小调查</a>
        </div>

        <div id="_umfp" style="display:inline;width:1px;height:1px;overflow:hidden">
            <img
                    src="//ynuf.alipay.com/service/clear.png?xt=Taeed6eccea8902e4bd36cb934b867e81&amp;xa=taobaoComment">
        </div>
    </div>
</div>
<div class="tb-rate-tooltip placement-b" style="display: block;visibility: visible;inset: 539.5px auto auto 76px;display: none;">
    <div class="tip-inner">
        <strong style="color: #F40;"></strong><br>
        <span></span>
    </div>
    <div class="tip-arrow"></div>
    <div class="tip-arrow-inner"></div>
</div>
<!-- foot -->
<jsp:include page="/public_page/last.html"></jsp:include>
<jsp:include page="/public_page/open_chat.jsp"></jsp:include>
</body>
</html>
